import type { Config } from 'tailwindcss'

const config: Config = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      typography: {
        DEFAULT: {
          css: {
            maxWidth: 'none',
            color: 'inherit',
            a: {
              color: 'inherit',
              textDecoration: 'none',
            },
            code: {
              color: 'inherit',
            },
            'h1, h2, h3, h4, h5, h6': {
              color: 'inherit',
            },
            strong: {
              color: 'inherit',
            },
            ol: {
              li: {
                '&::marker': {
                  color: 'inherit',
                },
              },
            },
            ul: {
              li: {
                '&::marker': {
                  color: 'inherit',
                },
              },
            },
            hr: {
              borderColor: 'inherit',
            },
            blockquote: {
              color: 'inherit',
            },
            pre: {
              color: 'inherit',
            },
            th: {
              color: 'inherit',
            },
            td: {
              color: 'inherit',
            },
            figcaption: {
              color: 'inherit',
            },
          },
        },
      },
    },
  },
  plugins: [
    require('@tailwindcss/typography'),
  ],
}

export default config 